
.header{
	height: 220rpx;
	position: relative;
	overflow: hidden;
	background-image: url(../../static/image/servebg.png);
	background-repeat:no-repeat ;
	background-size:100% 100% ;
	.user{
		margin-top: 20rpx;
		height:221rpx;
		position: relative;
		display: flex;
		padding-top: 40rpx;
		.p1{
			margin-top: 6rpx;
			margin-bottom: 10rpx;
		}
	}
	
	.userimg{
		width: 120rpx;
		height: 120rpx;
		display: block;
		margin-right: 28rpx;
		 border-radius: 50%;
		 position: relative;
	}
	.userimgs{
		&:after{
		    content: "";
		    display: inline-block;
		    position: absolute;
		    z-index: 0;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height:120rpx;
		    background: url("../../static/image/morentouxiang.png") no-repeat;
		    background-size: 100% ;
		    background-color: #fff;
		}
	}
	.txw{
		width: 400rpx;
	}
	.state{
		position: absolute;
		bottom: 50rpx;
		left: 90rpx;
		width:88rpx;
		height:36rpx;
		line-height: 36rpx;
		text-align: center;
		color: #E8C07F;
		background:rgba(64,64,64,1);
		border:2rpx solid rgba(232,192,127,1);
		border-radius:30rpx;
	}
	.lable{
		position: absolute;
		right: 0;
		top: 55rpx;
		width:216rpx;
		height:78rpx;
		background:rgba(253,234,216,1);
		border-radius:39rpx 0px 0px 39rpx;
		padding-top: 12rpx;
		padding-left: 16rpx;
		image{
			width: 54rpx;
			height: 54rpx;
			border-radius: 50%;
			margin-right: 8rpx;
		}
		p{
			line-height: 30rpx;
		}
		p:nth-of-type(1){
			color:#505050;
			padding-left: 10rpx;
		}
		p:nth-of-type(2){
			color: #CAA467;
		}
	}
}
.nav{
	margin-top: 80rpx;
	h3{
		// padding-left: 20rpx;
	}
	ul{
		margin-top: 20rpx;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		li{
			width:25% ;
			text-align: center;
			padding: 24rpx 0;
		}
		image{
			width: 56rpx;
			height: 56rpx;
			// display: block;
			// margin: auto;
			margin-bottom: 6rpx;
		}
	}
}
.nav2{
	margin-top:60rpx;
}